<%@ include file="/WEB-INF/include/base.jsp" %>
<%@ page isELIgnored="false" %>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title><bean:message key="title.application"/></title>			
		<link rel="stylesheet" type="text/css" href="./common/css/master.css"/>		
	</head>
	<body>		
	<%@ include file="/WEB-INF/include/base/variables.jsp" %>	
	<table id="body" border="0">
		<tr><td id="header">This is header</td></tr>
		<tr>
			<td id="subheader">
				<%@ include file="/WEB-INF/include/components/mainlinks.jsp" %>
			</td>
		</tr>
		<%@ include file="/WEB-INF/include/components/mainnav.jsp" %>
		<tr>
			<td id="content">
				<table width="80%">					
					<tr>						
						<td width="15%" valign="top" style="padding-left:10px;" >
							&nbsp;					
						</td>
						<td>
							<table width="90%">
								<tr>
									<td bgcolor="#EEEEEE">
										<html:form action="/signup.do">				
											<table id="signup" class="standard">
												<tr>
													<td class="heading" colspan="3">
														<div class="t_heading_ul">
															<div class="t_heading_ur">
																<h4><bean:message key="heading.signup"/></h4>
															</div>
														</div>
													</td>
												</tr>
												<tr>
													<td colspan="3" style="padding:10px;">
														&nbsp;
													</td>
												</tr>
												<html:messages id="errors" message="true" property="heading">
												<tr>
													<td class="error" colspan="3">
														<div class="m_ul">
															<div class="m_ur">
																<div class="m_ll">
																	<div class="m_lr">	
																		<c:out value="${errors }"/>
																	</div>
																</div>
															</div>
														</div>
													</td>
												</tr>
												</html:messages>					
												<tr>
													<td class="label"><bean:message key="label.emailAddress"/></td>
													<td class="data"><html:text property="emailAddress" size="25" value="test@email.com"/></td>
													<td class="error">
														<html:messages id="errors" message="true" property="emailAddress">
															<c:out value="${errors }"/>
														</html:messages>&nbsp;
													</td>
												</tr>
												<tr>
													<td class="label"><bean:message key="label.password"/>, <bean:message key="label.passwordConfirm"/></td>
													<td class="data">
														<html:password property="password" size="15" value="password"/>							
														<html:password property="passwordConfirm" size="15" value="password"/>
													</td>
													<td class="error">
														<html:messages id="errors" message="true" property="password">
															<c:out value="${errors }"/>
														</html:messages>
														<html:messages id="errors" message="true" property="passwordConfirm">
															<c:out value="${errors }"/>
														</html:messages>&nbsp;
													</td>
												</tr>					
												<tr>				
													<td class="label"><bean:message key="label.firstName"/>, <bean:message key="label.lastName"/></td>
													<td class="data">
														<html:text property="firstName" size="15" value="robert"/>
														<html:text property="lastName" size="15" value="smith"/>
													</td>
													<td class="error">
														<html:messages id="errors" message="true" property="firstName">
															<c:out value="${errors }"/>
														</html:messages>
														<html:messages id="errors" message="true" property="lastName">
															<c:out value="${errors }"/>
														</html:messages>&nbsp;
													</td>
												</tr>					
												<tr>
													<td class="label"><bean:message key="label.sex"/>, <bean:message key="label.age"/></td>
													<td class="data">
														<html:select property="sex" value="1">
															<html:option value="0">Select</html:option>
															<html:option value="1">Male</html:option>
															<html:option value="2">Female</html:option>
														</html:select>
														<html:select property="age" value="31">
															<html:option value="0">Select</html:option>
															<c:forEach var="i" begin="12" end="60">
																<html:option value="${i }"><c:out value="${i }"/></html:option>
															</c:forEach>
														</html:select>											
													</td>
													<td class="error">
														<html:messages id="errors" message="true" property="sex">
															<c:out value="${errors }"/>
														</html:messages>
														<html:messages id="errors" message="true" property="age">
															<c:out value="${errors }"/>
														</html:messages>&nbsp;
													</td>
												</tr>
												<tr>
													<td class="label"><bean:message key="label.country"/></td>
													<td class="data">
														<jsp:useBean id="list" scope="page" class="com.web.util.obj.CountryList"/>																			
														<html:select property="country" value="CN004">
															<html:option value="">Select country</html:option>
															<c:forEach var="country" items="${list }">
																<html:option value="${country.value }"><c:out value="${country.label }"/></html:option>
															</c:forEach>								
														</html:select>							
													</td>
													<td class="error">
														<html:messages id="errors" message="true" property="country">
															<c:out value="${errors }"/>
														</html:messages>&nbsp;
													</td>
												</tr>		
												<tr>					
													<td>&nbsp;</td>
													<td class="cmd">
														<html:submit value="Cancel"/>
														<html:reset value="Reset"/>
														<html:submit value="Submit"/>
													</td>
													<td>&nbsp;</td>
												</tr>
											</table>				
											</html:form>	
											<div class="c1_ll">
												<div class="c1_lr">
													&nbsp;
												</div>
											</div>			
									</td>
								</tr>
							</table>												
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr><td id="footer">This is footer</td></tr>
	</table>
	</body>
</html>